<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../../../lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/custom.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/accountAystem/addpage.css" />
    <title>友链配置</title>
    <style>

    </style>
    <!--地址添加样式-->
    <link rel="stylesheet" href="../../../ht-css/replaceAddress/addAddress.css">
    <title>友链配置</title>
</head>
<body data-id="562">
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页  <span class="c-gray en">&gt;</span> 运营管理<span class="c-gray en">&gt;</span> 友链配置</nav>
<article class="page-container">
    <div id="tab_topnav" class="HuiTab">
        <div class="tabBar clearfix">
            <span onclick="qiehuan(1)">友链配置</span>
            <span onclick="qiehuan(2)">友链申请</span>
        </div>
        <!--友链配置-->
        <div class="tabCon bk-gray bg-1" style="display: none;">
            <div class="lh-30 mb-10 ml-20 mt-20">
                <table class="table_li mb-10 table">
                    <thead class="text-l">
                    <tr>
                        <td class="col-3-1">
                            <div class="row">
                                <label class="form-label f-l text-r w-80 lh-26" style="margin-left: -43px;">名称：</label>
                                <div class="formControls f-l">
                                    <input type="text" class="input-text radius ml-10 w-180" id="linkName" oninput="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')" onkeyup="this.value = this.value.substring(0,20)"  placeholder="请输入名称"  autocomplete="off">
                                </div>
                                <span class="Validform_checktip"></span>
                            </div>
                        </td>
                    </tr>
                    </thead>
                </table>
                <div id="newConfiguration" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="ture" style="border-radius: 8px;">
                    <div class="modal-dialog">
                        <div class="modal-content radius" style="height:436px;width:653px;overflow-y: auto;overflow-x: hidden;">
                            <div class="modal-header"  >
                                <h3 class="modal-title"><b class="addressTitle">添加链接</b></h3>
                                <a class="close" onclick="close_model()" style="margin-right: 5px;width: 22px;height: 22px;margin-top: 5px" data-dismiss="modal" aria-hidden="true" >×</a>
                            </div>
                            <input type="hidden" class="ship_add_id">
                            <div class="pop_win pop_receiver"  >
                                <div class="info" >
                                    <div class="clearfix">
                                        <label><em>*</em>链接名称：</label><input name="" type="text" placeholder="请输入链接名称" maxlength="10" id="linkName1"  class="addAlias qing" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" >
                                    </div>
                                    <div class="clearfix">
                                        <label><em>*</em>链接地址：</label><input name="" type="text" placeholder="请输入链接地址" oninput="this.value = this.value.substring(0,100)"  id="linkUrl" class="detailedAddress qing">
                                    </div>
                                    <div class="clearfix">
                                        <label><em>*</em>顺序：</label><input name="" type="text" placeholder="请输入顺序" maxlength="3" oninput="value=value.replace(/[^\d]/g,'')"  id="sequence" class="detailedAddress qing">

                                    </div>
                                    <div class="clearfix">
                                        <label>备注：</label><textarea name="remarkVal" class="textarea radius" oninput="this.value = this.value.substring(0,50)" id="remark" style="width: 300px;height: 80px" ></textarea>
                                              <input value="" id="cid" style="display: none">
                                    </div>


                                </div>
                                <div class="text-c pt-30" style="margin-top: 4px;"><a onclick="determine()" class="btn btn-secondary radius size-L">确定</a><a onclick="close_model()" class="btn radius size-L ml-10">取消</a></div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="text-c pb-20 pt-10">
                    <div class="text-c pb-20 pt-10">
                        <span class="addpage-query"><input  type="button" onclick="toConfigure()" class="btn btn-secondary radius size-S powerButton 569" value="查询"></span>
                        <input  type="reset" id="reset" class="btn radius size-S ml-10 powerButton 569" value="重&nbsp;&nbsp;置">
                        <input  style="margin-left: 27px;" type="button" onclick="newConfiguration()" class="btn btn-secondary ml-10 radius size-S powerButton 564" value="添加">
                    </div>
                </div>
                <table class="table table-border table-bg table-hover table-sort" id="toConfiguretable">
                    <thead>
                    <tr class="text-c">
                        <th style="width: 5%;">序号</th>
                        <th style="width: 10%;">名称</th>
                        <th style="width: 10%;">链接</th>
                        <th style="width: 10%;">类型</th>
                        <th style="width: 10%;">备注</th>
                        <th style="width: 10%;">创建时间</th>
                        <th style="width: 10%;">顺序</th>
                        <th style="width: 10%;">操作</th>

                    </tr>
                    </thead>
                    <tbody class="accountshun">

                    </tbody>
                </table>
                <div class="mt-40"></div>
                <div class="dataTables_wrapper goods_fanye clearfix mt-5">
                    <div class="f-r pageturning M-box3"></div>
                </div>
            </div>
        </div>
        <!--友链申请-->
        <div class="tabCon bk-gray bg-1" style="display: block;">
            <div class="lh-30 mb-10 ml-20 mt-20">
                <table class="table_li mb-10 table">
                    <thead class="text-l">
                    <tr>
                        <td class="col-3-1">
                            <div class="row">
                                <label class="form-label f-l text-r lh-26 account-lft20">名称：</label>
                                <div class="formControls f-l">
                                    <input type="text" class="input-text radius ml-10 w-180" id="linkNames" oninput="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')" onkeyup="this.value = this.value.substring(0,20)"  placeholder="请输入名称" autocomplete="off">
                                </div>
                                <span class="Validform_checktip"></span>
                            </div>
                        </td>
                        <td class="col-3-1">
                            <div class="row">
                                <label class="form-label f-l text-r w-80 lh-26">联系电话：</label>
                                <div class="formControls f-l">
                                    <input type="text" class="input-text radius ml-10 w-180" id="telephone" placeholder="请输入联系电话" maxlength="11" oninput= "value=value.replace(/[^\d]/g,'')" autocomplete="off">
                                </div>
                                <span class="Validform_checktip"></span>
                            </div>
                        </td>
                        <td class="col-3-1">
                            <div class="row">
                                <label class="form-label f-l text-r w-80 lh-26">邮箱：</label>
                                <div class="formControls f-l">
                                    <input type="text" class="input-text radius ml-10 w-180" id="email"  placeholder="请输入邮箱"  oninput="value=value.replace(/[\W]/g,'')" maxlength="30" autocomplete="off">
                                </div>
                                <span class="Validform_checktip"></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-3-1">
                            <div class="row ml-10">
                                <label style="margin-left: -64px;" class="form-label f-l pt-5 text-r w-75">状态：</label>
                                <span class="select-box size-M radius col-xs-8 ml-10 w-180">
                                          <select class="select" name="brandclass" id="examStatus" size="1">
                                            <option value="" selected>请选择</option>
                                            <option value="10">待审核</option>
                                            <option value="30">已拒绝</option>
                                            <option value="20">已通过</option>
                                          </select>
                                      </span>
                            </div>
                            <span class="Validform_checktip"></span>
                        </td>
                    </tr>
                    </thead>
                </table>
                <div class="text-c pb-20 pt-10">
                    <div class="text-c pb-20 pt-10">
                        <span class="addpage-query"><input  type="button" onclick="apply()" class="btn btn-secondary radius size-S powerButton 570" value="查询"></span>
                        <input name="" type="reset" id="reset1" class="btn  radius size-S powerButton 570" value="重置">
                    </div>
                </div>
                <table class="table table-border table-bg table-hover table-sort"  id="applytable">
                    <thead>
                    <tr class="text-c">
                        <th style="width: 5%;">序号</th>
                        <th style="width: 10%;">名称</th>
                        <th style="width: 10%;">链接</th>
                        <th style="width: 10%;">联系电话</th>
                        <th style="width: 10%;">邮箱</th>
                        <th style="width: 10%;">状态</th>
                        <th style="width: 10%;">操作</th>
                    </tr>
                    </thead>
                    <tbody class="shun">

                    </tbody>
                </table>
                <div class="mt-40"></div>
                <div class="dataTables_wrapper goods_fanye clearfix mt-5">
                    <div class="f-r pageturning M-box3"></div>
                </div>
              <!--  <div class="level1-box" style=" height: 391px; width: 1560px;overflow-y:auto;overflow-x:hidden;">

                </div>-->

            </div>
        </div>


    </div>


</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script>
<!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../../lib/jquery.jedate.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/Validform/5.3.2/Validform_v5.3.2_min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
<!--<script src="../../ht-js/Project.js?rev=@@hash"></script>-->
<!--引入分页-->
<link rel="stylesheet" href="../../../lib/pagination/pagination.css">
<script src="../../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script src="../../../ht-js/operation-js/friend_chain_configuration/friend_chain_configuration.js?rev=@@hash"></script>
<!--权限控制-->
<script type="text/javascript" src="../../../ht-js/power.js?rev=@@hash"></script>
<script>
    //重置友链配置
    $('#reset').click(function(){
        $("#linkName").val("")
    })
    //重置友链申请
    $('#reset1').click(function(){
        $("#linkNames").val("")
        $("#telephone").val("")
        $("#email").val("")
        $("#examStatus").val("")
    })
    jQuery.Huitab =function(tabBar,tabCon,class_name,tabEvent,i){
        var $tab_menu=$(tabBar);
        // 初始化操作
        $tab_menu.removeClass(class_name);
        $(tabBar).eq(i).addClass(class_name);
        $(tabCon).hide();
        $(tabCon).eq(i).show();

        $tab_menu.bind(tabEvent,function(){
            $tab_menu.removeClass(class_name);
            $(this).addClass(class_name);
            var index=$tab_menu.index(this);
            $(tabCon).hide();
            $(tabCon).eq(index).show()
            if (!$(".tabBar span:eq(0)").hasClass("current")){
                $("#modal-company").hide()
            }
        })}

    $(function(){
        $.Huitab("#tab_topnav .tabBar span","#tab_topnav .tabCon","current","click","0")});



    function qiehuan(val){
        if(val==1){
            $.Huitab("#tab_topnav .tabBar span","#tab_topnav .tabCon","current","click","0")
            toConfigure()

        }else if(val==2){
            $.Huitab("#tab_topnav .tabBar span","#tab_topnav .tabCon","current","click","1")
            apply()
        }
    }
</script>
</body>
</html>